<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Men Calçados</title>
<link rel="stylesheet" type="text/css" href="_css/style.css" />
<link rel="stylesheet" type="text/css" href="_css/banner.css"/>
<link rel="stylesheet" type="text/css" href="_css/skin.css" />
	
<script src="_js/jquery-1.4.1.js" type="text/javascript"></script>
<script src="_js/jquery.blinds-0.9.js" type="text/javascript"></script>
<script type="text/javascript" src="_js/jquery.jcarousel.min.js"></script>
<script type="text/javascript">
	$(document).ready(function () {
		$('.slideshow').blinds();
		jQuery('#mycarousel').jcarousel({
			wrap: 'circular'
		});
	})
</script>

</head>

<body>
	<div class="header">
		<div class="contentHeader">
        	<a href=""><div class="logo">&nbsp;</div></a>
            <div class="centralAtendimento">
            	<h2>CENTRAL DE ATENDIMENTO</h2>
                <div class="linha">
                    <img src="_images/telefone_header.png" alt="" />
                    <p>4004-0101</p>
                </div>
                <div class="linha">
                    <img src="_images/contato_reader.png" alt="" />
                    <p class="contatoHeader">contato@mencalcados.com.br</p>
                </div>
                <br />
                <div class="linha">
                    <h3>Seja Bem Vindo Visitante.</h3>
                </div>
            </div>
            <div class="areaCliente">
            	<div class="linhaCliente">
                    <img src="_images/carrinho_header.png" alt="" />
                    <a href=""><h2>MEU CARRINHO</h2></a>
                </div>
                <div class="linhaCliente">
                    <img src="_images/pedidos_header.png" alt="" />
                    <a href=""><p>MEUS PEDIDOS</p></a>
                </div>
                <div class="linhaCliente">
                	<img src="_images/dados_header.png" alt="" />
                    <a href=""><p>MEUS DADOS</p></a>
                </div>
                <div class="linhaCliente">
                	<img src="_images/cadastrar_header.png" alt="" />
                    <a href=""><p>CADASTRE-SE</p></a>
                </div>
            </div>
        </div>
    </div>
    <div class="menu">
    	<div class="tamanho1000">
            <ul id="contentMenu">
                <li><a href="#">PÁGINA PRINCIPAL</a></li>
                <li><a href="#">QUEM SOMOS</a></li>
                <li><a href="#">CONTATO</a></li>
                <div class="clear"></div>
            </ul>
            <div class="busca">
                <div class="linhaBusca">
                    <input type="text" class="campoHeader" value="Login" />
                    <p>(cadastre-se)</p>
                    <div class="clear"></div>
                </div>
                <div class="linhaBusca">
                    <input type="password" class="campoHeader" value="Sua Senha" />
                    <p>(esqueci a senha)</p>
                    <div class="clear"></div>                
                </div>
                <input type="submit" class="botaoHeader" value="" />
            </div>
            <div class="clear"></div>
		</div>            
    </div>
    <div class="tamanho1000">
		
        <div class="sideBar">    	
            <div class="menuLateral">
                <div class="buscaLateral">
                    <h2>PESQUISE POR PRODUTOS</h2>
                    <input type="text" class="campoHeader" value="" />
                    <input type="button" class="botaoBuscaLateral" value="" />
                </div>
                <ul id="ulLateral">
                    <li class="bordaTopZero"><a href="">Ankle Boot</a></li>
                    <li><a href="">Botas</a></li>
                    <li><a href="">Oxford</a></li>
                    <li><a href="">Peep Toe</a></li>
                    <li><a href="">Rasteiras</a></li>
                    <li><a href="">Sandálias</a></li>
                    <li><a href="">Sapatilhas</a></li>
                    <li><a href="">Scarpins</a></li>
                    <li><a href="">Tênis & Esporte</a></li>
                    <li><a href="">Chinelos</a></li>
                    <li><a href="">Sapatênis</a></li>
                    <li class="bordaBottomZero"><a href="">Tênis & Esporte</a></li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="banners_lateral">
                <a href=""><img src="_images/banner_lacoste.png" alt="" /></a>
                <a href=""><img src="_images/banner_lacoste2.png" alt="" /></a>
                <a href=""><img src="_images/banner_kildare.png" alt="" /></a>                                
            </div>
        </div>
        
        <div class="boxHome">
        	<h3>título da categoria</h3>
        </div>
        
        <div class="boxHomeContent">
        	<div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto bordarightZero">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="linhaCentro">&nbsp;</div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto bordarightZero">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="linhaCentro">&nbsp;</div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto bordarightZero">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
            <div class="boxProduto bordarightZero">
            	<img src="_images/produtos/1.png" alt="" />
                <div class="titleProduto">
                	<h3><a href="">TOMMY HILFIGER 1790767</a></h3>
                </div>
                <p class="valor">R$190,00</p>
                <p class="parcelas">ou 10x de 19,90</p>
                <input type="button" class="freteHome" value="FRETE GRÁTIS" />
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <div class="footer">
    	<div class="contentFooter">
        	<div class="boxFooter">
            	<div class="miniBox">
                	<ul>
                    	<li class="cetas"><a href="">Ankle Boot</a></li>
                        <li class="cetas"><a href="">Botas</a></li>
                        <li class="cetas"><a href="">Oxford</a></li>
                        <li class="cetas"><a href="">Peep Toe</a></li>
                        <li class="cetas"><a href="">Rasteiras</a></li>
                        <li class="cetas"><a href="">Sandálias</a></li>
                        <li class="cetas"><a href="">Sapatilhas</a></li>
                        <li class="cetas"><a href="">Scarpins</a></li>
                        <li class="cetas"><a href="">Tênis & Esporte</a></li>
                        <li class="cetas"><a href="">Chinelos</a></li>
                        <li class="cetas"><a href="">Sapatênis</a></li>
                        <li class="cetas"><a href="">Tênis & Esporte</a></li>
                    </ul>
                </div>
                <div class="miniBox">
                	<ul>
                    	<li><a href="">PÁGINA PRINCIPAL</a></li>
                        <li><a href="">CONTATO</a></li>
                        <li><a href="">QUEM SOMOS</a></li>
                    </ul>
                </div>
                <div class="linhaPequena">&nbsp;</div>
                <div class="miniBox">
                	<ul>
                    	<li><a href="">LOGIN</a></li>
                        <li><a href="">CADASTRE-SE</a></li>
                        <li><a href="">MEU CARRINHO</a></li>
                        <li><a href="">MEUS DADOS</a></li>
                        <li><a href="">MEUS PEDIDOS</a></li>
                    </ul>
                </div>
                <div class="linhaMedia">&nbsp;</div>
                <div class="medioBox">
                	<h2>ASSINE NOSSA NEWSLETTER</h2>
                    <input type="text" value="Seu Email" class="campoNewsletter" />
                    <input type="button" value="" class="botaoNewsletter" />
                </div>
            </div>
            <div class="divisorFooter">&nbsp;</div>
            <div class="boxFooter">
            	<div class="medioBox">
                	<h2>CENTRAL DE ATENDIMENTO</h2>
                    <div class="linha">
                        <img src="_images/telefone_header.png" alt="" />
                        <p>4004-0101</p>
                    </div>
                    <div class="linha">
                        <img src="_images/contato_reader.png" alt="" />
                        <p>contato@mencalcados.com.br</p>
                    </div>
                    <div class="linhaMedia">&nbsp;</div>
                </div>
                <div class="medioBox">
                	<h2>CONTATO DIRETO</h2>
                	<span>NOME</span>
                    <input type="text" value="" class="campoPequeno" />
                    <span>EMAIL</span>
                    <input type="text" value="" class="campoPequeno" />                    
                    <span>MENSAGEM</span>
                    <textarea class="campoGrande"></textarea>
                    <input type="submit" class="botaoContato" value="" />
                </div>
			</div>
            <div class="divisorFooter">&nbsp;</div>
            <div class="boxFooter">
            	<div class="medioBox">
                	<h2>ENTREGA</h2>
                    <img src="_images/bandeiras/entrega.png" alt="" />
                </div>
                <div class="linhaMedia">&nbsp;</div>                
                <div class="medioBox">
                	<h2>FORMAS DE PAGAMENTO</h2>
                    <div class="linhaFooter">
                        <p class="tamanho100">SEGURANÇA</p>
                        <img src="_images/bandeiras/seguranca.png" alt="" />
                    </div>
                    <div class="linhaFooter">
                        <p class="tamanho100">CRÉDITO</p>
                        <img src="_images/bandeiras/credito.png" alt="" />
                    </div>
                    <div class="linhaFooter">
                        <p class="tamanho100">DÉBITO</p>                    
                        <img src="_images/bandeiras/debito.png" alt="" />
                    </div>
                    <div class="linhaFooter">
                        <p class="tamanho100">BOLETO</p>                    
                        <img src="_images/bandeiras/boleto.png" alt="" />
                    </div>
                </div>
			</div>                                	
            <div class="clear"></div>
        </div>
    </div>        
    <div class="subFooter">
    	<div class="tamanho1000">
            <p>© 2011. paropas . Todos os Direitos Reservados.</p>
            <div class="miniLogo">&nbsp;</div>
        </div>
    </div>
</body>
</html>
